/**/
.top-rotate{height:4.04rem;overflow:hidden;}
.top-rotate .swiper-slide img{width:100%;height:4.04rem;}
.top-rotate .swiper-pagination{ text-align:right; width:96%;}
.top-rotate .swiper-pagination-bullet{ background:#fff;}

/**/
.nav{ padding:.466rem 0 .146rem .3rem; border-bottom:1px solid #EDEDED;}
.nav li{ float:left; height:.746rem; line-height:.746rem; background:#F6F7F9; margin:0 .16rem .32rem 0; color:#777; border-radius:5rem; padding:0 .26rem;}
.nav li.on{ color:#07bdc7;}
.nav li.on a{ color:#07bdc7;}
.nav li a{ color:#777; font-size:.32rem;}
.nav li.more-btn{ width:.773rem; padding:0; background:url("//m.chinaacc.com/images/liveclass/2018list/icon01.png") no-repeat center #F6F7F9; background-size:.213rem auto;transform:rotate(-180deg); -webkit-transform:rotate(-180deg); margin-right:0;}
.nav li.more-btn.cur{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.nav li a{ display:block;}

/**/
.living-list{}
.living-list li{ padding:.093rem .4rem .293rem; border-bottom:1px solid #EDEDED;}
.living-list li:last-child{ border-bottom:0;}
.living-list .tit{ line-height:.866rem; font-size:.32rem; color:#777; font-weight:bold;}
.living-list .con{ padding-bottom:.266rem;}
.living-list .pic{ float:left; width:3.066rem; height:1.72rem; position:relative;}
.living-list .pic img{width:3.066rem; height:1.72rem; border-radius:.053rem;}
.living-list .pic .tags{ display:block; height:.44rem; line-height:.44rem; background:rgba(0,0,0,.65); position:absolute; left:0; top:0; font-size:.266rem; color:#fff; border-top-right-radius:5rem; border-bottom-right-radius:5rem;}
.living-list .pic .tags.ico-living{ padding:0 .32rem 0 .4rem;}
.living-list .pic .tags.ico-living em{ display:block; position:absolute; width:.08rem; height:.08rem;background:#09D0A2; border-radius:50%; top:.173rem; right:.173rem;}
.living-list .pic .tags.ico-living span{ display:block; width:.213rem; height:.253rem; background:url("//m.chinaacc.com/images/liveclass/2018list/icon03.png") no-repeat; background-size:100% auto; position:absolute; left:.106rem; top:.093rem;}
.living-list .pic .tags.ico-playback{ padding:0 .173rem 0 .173rem;}
.living-list .tex{ margin-left:3.4rem; border-bottom:1px dashed #ededed; padding-bottom:.213rem;}
.living-list .tex h3{ font-size:.426rem; line-height:.48rem; color:#1E1E1E; font-weight:normal;}
.living-list .tex .time{ line-height:.666rem; font-size:.266rem; color:#999;}
.living-list .tex .tags{}
.living-list .tex .tags span{ display:inline-block; height:.426rem; line-height:.426rem; font-size:.266rem; color:#07bdc7; padding:0 .133rem; background:#dcf5fa; border-radius:.053rem; margin-right:.16rem;}
.living-list .tex .tags span.msfl{background-image: -webkit-linear-gradient(left,#E56959,#E84737);  background-image: linear-gradient(left,#E56959,#E84737); color: #fff;}
.living-list .tex .tags .price{ float:right; display:block; font-size:.346rem; color:#FF9A49; line-height:.426rem;}
.living-list .from-teacher{ float:left; height:.48rem; line-height:.48rem; font-size:.32rem; color:#999;}
.living-list .from-teacher img{ display:inline-block; width:.48rem; height:.48rem; margin-right:.266rem; vertical-align:-.08rem;}
.living-list .btn{ float:right; height:.466rem; line-height:.466rem; font-size:.266rem; color:#07bdc7; padding:0 .306rem; border:1px solid #07bdc7; border-radius:5rem;}
.living-list .more-btn{ display:block; width:100%; height:1.4rem; line-height:1.28rem; text-align:center; font-size:.346rem; color:#777; margin-bottom:1.33rem;}
.no-data{ text-align:center; line-height:2rem; font-size:.4rem;}

@media screen and (max-width: 360px) {
    .nav li{ padding:0 .26rem;}
}
@media screen and (max-width: 320px) {
    .nav li{ padding:0 .22rem;}
}